.banner {
	height: 260px;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.crumb-nav {
	margin: 14px 0
}

.crumb-nav .split {
	margin: 0 4px
}

.menu {
	height: 66px;
	border: 1px solid #ebebeb;
	border-radius: 100px;
	padding: 12px 20px;
	margin-bottom: 34px
}

.menu li {
	float: left
}

.menu li a {
	display: inline-block;
	height: 42px;
	line-height: 42px;
	padding: 0 20px
}

.menu li a.active {
	background: red;
	color: #fff
}

.menu li a:hover {
	background: red;
	color: #fff
}

.maintitle {
	font-size: 24px;
	font-weight: 600;
	color: #4e4e4e
}

.product-title {
	font-size: 26px;
	margin-bottom: 14px
}

.recommerd {
	margin-bottom: 48px
}

.recommerd .product-desc {
	line-height: 2;
	margin-bottom: 20px
}

.recommerd .productinfo {
	width: 184px;
	height: 38px;
	line-height: 36px;
	border: 1px solid red;
	border-radius: 4px;
	color: red
}

.recommerd img {
	width: 100%
}

.line {
	height: 1px;
	background-color: #d7d7d7;
	margin-bottom: 30px
}

.line.line1 {
	margin-bottom: 10px
}

.product-lists {
	margin-bottom: 20px
}

.product-lists .col-md-3 {
	margin-bottom: 30px
}
 


.product-lists .product-lists-title {
	text-align: center;
	font-size: 26px;
	margin-bottom: 30px;
	font-weight: 600
}

.product-lists img {
	width: 100%
}

.product-lists .product-name {
	margin: 10px 0 8px;
	font-size: 16px
}

.product-lists .product-item,.product-lists .product-money {
	color: #7d7d7d
}

.product-lists .more {
	color: #0166fe
}

.outdoor {
	background: #f5f5f5;
	border-top: 1px solid #d7d7d7;
	padding-top: 34px
}

.outdoor .outdoor-title {
	font-size: 24px;
	text-align: center;
	color: #7d6666;
	margin-bottom: 30px
}

.outdoor .col-md-4 {
	margin-bottom: 20px
}

.display {
	background: #f5f5f5;
	padding: 20px 0
}

.display.corporate p {
	text-align: center
}

.display h3 {
	color: #333;
	text-align: center;
	font-size: 26px;
	margin-bottom: 30px
}

.display .row img {
	width: 100%;
	margin-bottom: 14px
}

.display .row .col-md-4 {
	margin-bottom: 10px
}

.display .row .col-md-4:nth-of-type(3n+1) {
	clear: both
}

.display .row p {
	color: #4e4e4e
}

.display .more {
	margin-top: 10px;
	text-align: center
}

.display .more a {
	display: inline-block;
	padding: 10px 24px;
	border-radius: 50px;
	border: 3px solid #e4e4e4
}

.features-container .row {
	margin-bottom: 10px
}

.features-container .features {
	margin-bottom: 0;
	padding: 60px 0;
	color: #717171;
	font-size: 20px
}

.view-form {
	padding: 20px 15px;
	margin-bottom: 30px
}

.view-form label {
	width: 100px;
	font-size: 13px;
	color: #505050;
	margin-bottom: 0;
	font-weight: 400
}

.view-form span {
	color: red
}

.view-form input {
	width: 180px
}

.view-form .form-textarea label {
	display: block
}

.view-form .form-textarea textarea {
	width: 300px;
	height: 80px
}

.view-form .send {
	background: #f08300;
	padding: 5px 34px;
	color: #fff;
	border: none 0
}

.view-form .send:focus {
	background: #f08300;
	color: #fff;
	outline: none 0
}

.profile {
	padding-bottom: 40px
}

.profile .expand {
	margin-top: 20px
}

.profile .expand a {
	color: #52b4ff
}

.profile .expand a span {
	color: red
}

.profile img {
	width: 100%
}

.profile .profile-content {
	margin-bottom: 4px;
	display: flex
}

.profile .profile-text {
	flex: 1
}

.profile .product-title {
	font-size: 26px;
	margin-bottom: 14px
}

.profile .profile-video {
	margin-left: 30px;
	width: 300px
}

.profile .profile-video img {
	width: 100%;
	height: 100%
}

.profile p {
	margin-bottom: 0
}

.profile p.profile-title {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px
}

.profile p.profile-desc {
	line-height: 1.5
}

.profile p.profile-sercond {
	margin: 6px 0;
	color: #333
}

.profile p.profile-desc {
	color: #9c9c9c
}

.cancatus {
	margin-bottom: 20px
}

.cancatus p {
	margin-bottom: 0;
	line-height: 1.5
}

.cancatus .cancas-line {
	height: 1px;
	width: 100%;
	background: #ccc;
	margin: 10px 0
}

.cancatus .strong {
	font-weight: 500
}

.cancatus .cancatus-title {
	margin: 8px 0;
	font-size: 16px
}

.company-data {
	background: #e7e7e7
}

.company-data h3 {
	text-align: center;
	margin-bottom: 14px
}

.company-data p {
	margin-bottom: 0
}

.company-data .data {
	width: 100%;
	text-align: center
}

.company-data .data .desc-data {
	margin-top: 20px;
	margin-bottom: 50px;
	color: #4e4e4e;
	font-size: 16px
}

.company-data .data .data-detail {
	margin: 0 auto;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	display: flex;
	align-items: center
}

.company-data .data .data-detail .data-pos {
	width: 100%
}

.company-data .data .data-detail span {
	color: #ececec
}

.company-data .data .data-detail .main-data {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 36px
}

.company-data .data .data-detail.one {
	background: #55a2c0
}

.company-data .data .data-detail.two {
	background: #3cd4ab
}

.company-data .data .data-detail.three {
	background: #3cd772
}

.company-news {
	padding: 20px 0
}

.company-news .col-md-6:nth-of-type(2n+1) {
	clear: both
}

.company-news .media-left {
	padding-right: 20px
}

.company-news .media {
	margin-bottom: 20px
}

.company-news h4 {
	font-weight: 400;
	margin-bottom: 10px
}

.company-news p {
	color: #828282
}

.step {
	margin-top: 40px
}

.step input {
	width: 40px;
	display: inline-block;
	padding: 0 6px;
	height: 28px;
	line-height: 1;
	text-align: center;
	margin: 0 6px
}

.step .prew {
	margin-right: 4px
}

.step .next {
	margin-left: 4px
}

.news-one {
	display: none
}

.news-one.active {
	display: block
}

.news-li {
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc
}

.news-li:nth-of-type(1) {
	border-top: 1px solid #ccc
}

.news-li .news-title {
	margin-bottom: 8px;
	font-size: 20px
}

.news-li .news-content {
	display: flex
}

.news-li .news-content img {
	margin-right: 20px;
	width: 200px;
	height: 130px
}

.news-li .news-content .news-desc {
	flex: 1;
	line-height: 1.5
}

.news-li .news-content .news-desc .time {
	line-height: 1.5;
	margin-top: 8px;
	margin-bottom: 0
}

.product-desc {
	border-top: 1px solid #ccc;
	padding-top: 16px
}

.product-desc .tags {
	color: #bfbfbf
}

.product-desc .tags.active {
	color: #333
}

.news_detail {
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
	color: #aaa
}

.news_detail .pull-right a {
	margin-right: 12px;
	color: #aaa
}

.news-content {
	padding: 20px 0
}

.news-content p {
	margin-bottom: 10px;
	color: #434247
}

.news-views-li {
	border-top: 1px solid #ccc;
	margin-bottom: 36px
}

.news-views-li .new-li {
	height: 50px;
	line-height: 50px;
	clear: both;
	border-bottom: 1px dashed #ccc;
	cursor: pointer
}

.news-views-li .new-li a {
	display: inline-block;
	width: 100%
}

.news-views-li .new-li p {
	margin-bottom: 0
}

.prew-next p {
	margin-bottom: 20px
}